<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    <link href="css/demo.css" type="text/css" rel="stylesheet" />
    <link href="css/wp-syntax.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/Validform_v5.3.2.js"></script>
    <style type="text/css">
    body{background-color: #fff;}
    form{width: 500px; margin:0 auto;}
    .inputxt{border:1px solid #a5aeb6;width:196px;padding:4px 2px;}
    </style>
</head>
<body>
    <form class="registerform">
            <table width="100%" style="table-layout:fixed;">
                <tr>
                    <td class="need" style="width:10px;">*</td>
                    <td style="width:70px;">姓名：</td>
                    <td style="width:200px;"><input type="text" value="" name="name" class="inputxt" datatype="s6-18" errormsg="姓名至少6个字符,最多18个字符！" /></td>
                    <td style="width:300px;"><div class="Validform_checktip"></div></td>
                </tr>
                <tr>
                    <td class="need" style="width:10px;">*</td>
                    <td style="width:70px;">密码：</td>
                    <td style="width:205px;"><input type="password" value="" name="userpassword" class="inputxt" datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间！" /></td>
                    <td><div class="Validform_checktip"></div></td>
                </tr>
                <tr>
                    <td class="need">*</td>
                    <td style="width:205px;">确认密码：</td>
                    <td><input type="password"  name="userpassword2"  class="inputxt" datatype="*" recheck="userpassword" nullmsg="请再输入一次密码！" errormsg="您两次输入的账号密码不一致！" /></td>
                    <td><div class="Validform_checktip"></div></td>
                </tr>
                <tr>
                    <td class="need"></td>
                    <td></td>
                    <td colspan="2" style="padding:10px 0 18px 0;">
                        <input type="submit" value="提 交" /> <input type="reset" value="重 置" />
                    </td>
                </tr>
            </table>
        </form>
        <script type="text/javascript">
            $(".registerform").Validform({tiptype:4});
        </script>
</body>
</html>